
<html lang="en"><head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
	<title>用户登录</title>
	<link rel="stylesheet" href="__PUBLIC__/Css/reset.css">
	<link rel="stylesheet" href="__PUBLIC__/Css/frame.css">
	<link rel="stylesheet" href="__PUBLIC__/Css/semantic.css">
	<style>
		.tittle{
			color: #b8233f;
			height: 60px;
			font-size: 20px;
			line-height: 60px;
			font-weight: 500;
			margin-left: 10px;

		}
		#logo{
			width:230px;
			margin-right: auto;
			margin-left: auto;
			margin-top: 40px;
		}
		body.login {
			background: #fff;
		}
		#form{padding:20px 20px;}
		#form .rows {
			display: -webkit-box;
			padding: 0px;
			border-top: 1px solid #eee;
		}
		#form .rows input.text {
			display: -webkit-box;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			flex: 1;
			font-size: 16px;
			height: 50px;
			border: none;
			/*background: #fff;*/
			padding:0px;
			border-radius:inherit;
		}
		#form .rows input.sub {
			display: block;
			/*border: 1px solid #c8c7c7;*/
			background: #ea3136;
			height: 50px;
			color: white;
			border-radius:8px;
			box-shadow: 2px 5px 8px #ccc;
		}
		.submit{
			width: 90%;
			margin-right: auto;
			margin-left: auto;
		}
.rows{
	height: 50px;
	background-color: #fff}
		i.icon {
			font-size: 24px;
			height: 50px;
			line-height: 50px;}
			.login-bg{
				background: url(__PUBLIC__/Images/index/1.png) no-repeat center 0;
				height: 180px;
				width: 100%;
				background-size: cover;
			}
		
	</style>
</head>
<body class="login">
<div id="wrap">
	<div id="main">
	<div class="login-bg"></div>
		<form action="__URL__/checkLogin/" id="form" onSubmit="return false">
			<div class="rows" style="border-top:none">
				<img src="__PUBLIC__/Images/index/yonhhu.png" alt="" style="margin-top: 10px;margin-right: 10px;">
				<input type="text" name="account" placeholder="请输入用户名" class="text" data-rule="m" data-errmsg="账号" maxlength="11">
			</div>
			<div class="rows">
				<img src="__PUBLIC__/Images/index/mima.png" alt="" style="margin-top: 10px;margin-right: 10px;">
				<input type="password" name="password" placeholder="请输入登录密码" class="text" data-rule="*" data-errmsg="密码不能为空">
			</div>

			<!--新加-->
			<div class="rows">
				<img src="__PUBLIC__/Images/index/yzm.png" alt="" style="margin-top: 10px;margin-right: 10px;">
				<input type="text" name="verify" placeholder="请输入下方验证码" class="text" data-rule="*" data-errmsg="验证码不能为空" maxlength="4">
			</div>
			<div class="rows" align="center">
				<img id="verifyImg" src="__URL__/verify/" width="55" onClick="fleshVerify()" border="0" alt="点击刷新验证码" style="cursor:pointer;margin-top: 10px;" align="absmiddle" />
			</div>
			<input type="hidden" name="ajax" value="1">
			<!--新加-->


			<div class="">
				<span id="result"></span>
			</div>

			<div class="rows submit" style="border: inherit">
				<input type="submit" value="登录" class="sub" onClick="	ThinkAjax.sendForm('form','__URL__/checkLogin/',loginHandle,'result')">
			</div>

		</form>
		<div style="width:90%;margin:50px auto 0 auto;">
			<span style="padding: 10px 20px 0 0">
				<a href="__APP__/Reg/find_pw" style="float: left;color: #656665;">找回密码</a>
				<a href="__APP__/Reg/us_reg/rid/100000" style="float: right;color: #656665;">注册会员</a>
			</span>
		</div>
		<!--&lt;!&ndash;安装包下载&ndash;&gt;-->
		<!--<div class="download" style="text-align: center;width: 100%;margin: 10px 0;">-->
			<!--<div style="width: 50%;float: left">-->
				<!--<h4>安卓下载</h4>-->
				<!--<a href="__PUBLIC__/Uploads/package/android.apk"><img src="__URL__/downloadInstall_android" alt="" style="width: 123px;height: 123px;"></a>-->
			<!--</div>-->
			<!--<div  style="width: 50%;float: right">-->
				<!--<h4>苹果下载</h4>-->
				<!--<a href="http://fir.im/zhiqiao" target="_blank"><img src="__URL__/downloadInstall_apple" alt="" style="width: 123px;height: 123px;"></a>-->
			<!--</div>-->
		<!--</div>-->
	</div>



	<!--<center>  版权所有 <br>网站备案号:ICP备888888号-1</center>-->
</div>

<!--<script type="text/javascript" src="__PUBLIC__/Js/function.js"></script>-->
<!--<script type="text/javascript" src="__PUBLIC__/Js/avalidate.js"></script>-->
<!--<script type="text/javascript" src="__PUBLIC__/Js/zepto.js"></script>-->
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/Base.js\"></sc"+"ript>")</script>
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/prototype.js\"></sc"+"ript>")</script>
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/mootools.js\"></sc"+"ript>")</script>
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/Ajax/ThinkAjax.js\"></sc"+"ript>")</script>
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/Form/CheckForm.js\"></sc"+"ript>")</script>
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/common.js\"></sc"+"ript>")</script>
<!--[if IE 6]>
<script type="text/javascript">document.write("<scr"+"ipt src=\"__PUBLIC__/Js/DD_belatedPNG_0.0.8a-min.js\"></sc"+"ript>")</script>
<script>
	DD_belatedPNG.fix('#login_box,.l-logo');  // IE6，PNG透明
</script>
<![endif]-->


<script type="text/javascript">
	document.getElementById('account').focus();
	var PUBLIC	 =	 '__PUBLIC__';
	ThinkAjax.image = [	 '__PUBLIC__/Images/loading2.gif', '__PUBLIC__/Images/ok.gif','__PUBLIC__/Images/update.gif' ]
	ThinkAjax.updateTip	=	'登录中～';
	function loginHandle(data,status){
		fleshVerify();
		if (status==1)
		{
			$('result').innerHTML	=	'<span style="color:blue"><img SRC="__PUBLIC__/Images/ok.gif" WIDTH="20" HEIGHT="20" BORDER="0" ALT="" align="absmiddle" > 登录成功！3 秒后跳转～</span>';
			$('form').reset();
			/*window.location = '__APP__/Gouwu/Buycp';*/
			window.location = '__APP__/Index/index	';
		}
	}
	function keydown(e){
		var e = e || event;
		if (e.keyCode==13)
		{
			ThinkAjax.sendForm('form1','__URL__/checkLogin/',loginHandle,'result');
		}
	}
	function fleshVerify(type){
//重载验证码
		var timenow = new Date().getTime();
		if (type)
		{
			$('verifyImg').src= '__URL__/verify/adv/1/'+timenow;
		}else{
			$('verifyImg').src= '__URL__/verify/'+timenow;
		}
	}
//V.init({
//	area : '#form',
//    btn : '.sub',
//    tip : function (e,msg){
//    	showToast(msg);
//    },
//    complete: function (form, status){
//    	alert(status);
//    	if(status != 'error'){
//    		var url = form.getAttribute('action');
//    		showProgress('正在登录...');
//    		var datas = $(form).serialize();
//    		$.post(url,datas,function(ret){
//    			hideProgress();
//    			showToast(ret.info);
//    			if(ret.status == 1){
//    				setTimeout(function (){window.location.href = ret.url;},800);
//    			}
//    		},'json');
//    	}
//    }
//});
</script>
</body></html>